<script type="text/jsx">
import PanelGroup from './component/PanelGroup'
import DailyProfitStat from "./component/DailyProfitStat"
import DailyFinishOrderStat from "./component/DailyFinishOrderStat"
import TotalProfitGoods from "./component/TotalProfitGoods"
import CustomerStat from "./component/CustomerStat"
import SupplierStat from "./component/SupplierStat"

export default {
    name: 'index',

    render() {
        return (
            <div style="background-image: url('https://ts1.cn.mm.bing.net/th/id/R-C.45799ba0f52850f64614fed724334af5?rik=ZqnaAHgZvO1WkA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f40141%2f0428.gif_wh860.gif&ehk=6mVGuuSAwShByqQEWcBiqBFdUdry%2f8dUAiR%2fD2TfnAg%3d&risl=1&pid=ImgRaw&r=0');">
                <h1 style="text-align: center; color: green;">货物交易可视化报表</h1>
                <PanelGroup/>

                <el-card style="background-color: transparent;">
                    <DailyProfitStat/>
                </el-card>

                <el-card style="margin: 32px 0;background-color: transparent;" >
                    <DailyFinishOrderStat/>
                </el-card>

                <TotalProfitGoods/>

                <el-card style="background-color: transparent;">
                    <CustomerStat/> 
                </el-card>

                <el-card style="margin: 32px 0;background-color: transparent;">
                    <SupplierStat/>
                </el-card>
                
            </div>
        )
    }
}
</script>
